<div class="content" id="content" myapp="ORGANIZATIONAL_STRUCTURE">
  <%= hidden_field_tag :authenticity_token, form_authenticity_token, id: 'js-settings-zuzhi-index' %>
  <div class="main_top">
    <h2>组织架构</h2>
  </div>
  <div class="details">
    <div class="details_content zuzhi">
      <ul class="company_tree">
        <li class="tree">
          <div class="branch_name">
            <i title="收起" class="fa fa-folder-open"></i>
            <i title="展开" class="fa fa-folder"></i>
            <span title="双击修改">公司</span>
            <input type="text" name="name" value="">
            <i id="js-add-department" title="新建" class="fa fa-plus-circle"></i>
          </div>
          <ul id="depart_root" class="branch">
            <%= render 'department' %>
            <li class="branch_li new_department_tem" style="display: none;">
              <div class="branch_name slide_up editing">
                <i title="收起" class="fa fa-folder-open"></i>
                <i title="展开" class="fa fa-folder"></i>
                <span class="name" title="双击修改"></span>
                <input type="text" name="name" class="new-department-name" placeholder="新建部门" autocomplete="off">
                <i title="显示详情" class="fa fa-list"></i>
                <i title="新建" class="fa fa-plus-circle"></i>
                <i title="保存" class="fa fa-save js_create_department"></i>
                <i title="取消" class="fa fa-undo js-cancel-to-create-department"></i>
              </div>
            </li>
          </ul>
        </li>
      </ul>

      <div class="branch_details js-department-position-list" style="display: block;">
        <%= render 'position' %>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">

</script>
